.header {
    background: #fff;
    .header-top {
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        text-align: right;
        .logo {
            line-height: 60px;
            text-align: left;
            font-size: 18px;
            img {
                height: 40px;
                vertical-align: middle;
            }
            span {
                margin-left: 5px;
            }
        }
        .login_out {
            margin-left: 40px;
            color: #1890ff;
            cursor: pointer;
        }
    }
    .breadcrumb {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        border-top: 1px solid #f9c700;
        .breadcrumb-title {
            text-align: center;
            &::after {
                position: absolute;
                content: '';
                left: 89px;
                top: 39px;
                border-top: 9px solid #fff;
                border-left: 12px solid transparent;
                border-right: 12px solid transparent;
            }
        }
        .weather {
            text-align: right;
            .date {
                margin-right: 10px;
            }
            .weather-img {
                img {
                    height: 15px;
                }
            }

            .weather-detail {
                margin-left: 5px;
                vertical-align: middle;
            }
        }
    }
}

.simple-page {
    .header-top {
        background: #1890ff;
        color: #fff;
    }
}